import theAxios from 'axios'
// import { Notify } from 'vant'
import router from '@/router'
// import { getNewTokenAPI } from '@/api'
import { getToken, removeToken } from '@/utils/token.js'// setToken
const axios = theAxios.create({
  baseURL: 'http://geek.itheima.net',
  timeout: 20000
})
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么, 如果vuex里有token携带在请求头中
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    // 发起请求之前, 把token携带在请求头上(表明自己身份)
    config.headers.Authorization = `Bearer ${getToken()}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) { // 当状态码为2xx/3xx开头的进这里
  // 对响应数据做点什么
  return response
}, async function (error) { // 响应状态码4xx/5xx进这里
  // 对响应错误做点什么
  // console.dir(error)
  if (error.response.status === 401) { // 身份过期
    // token续签方式1:  去登录页重新登录, token无用, 清掉-确保路由守卫if进不去
    // Notify({ type: 'warning', message: '身份已过期' })

    removeToken() // 先清除token,才能让路由守卫判断失效,放行我去登录页
    // 方式一 强制跳转到登录,用户有感知
    router.replace(`/login?path=${router.currentRoute.fullPath}`)
  }
  // 方式二 使用resresh_token换回新的token继续使用,js代码实现,用户无感知效果好
  // 新的token回来之后要做什么
  // 1.更新token到本地
  // const res = await getNewTokenAPI()
  // setToken(res.data.data.token)
  // // 2.更新到token的请求头里
  // error.config.headers.Authorization = `Bearer ${res.data.data.token}`
  // // 3. 未完成这次请求,再发起一次
  // // error.config就是上次请求的配置对象
  // // 结果我们要return会原来逻辑调用的地方 还是 return回去一个promise对象
  // return axios(error.config)
  // } else if (error.response.status === 500 && error.config.url === '/v1_0/authorizations' && error.config.method === 'put') {
  //   localStorage.clear()
  //   Notify({ type: 'warning', message: '身份已过期' })
  //   router.replace('/login')
  // }
  return Promise.reject(error)
})
export default ({
  url,
  method = 'GET',
  params = {},
  data = {},
  headers = {}
}) => {
  return axios({
    url,
    method,
    params,
    data,
    headers
  })
}
